{% include "header/letras/header-l-inicial.html" %}
<div id="ContainerAdsense">
            <div id="publicidade-adsense-banner-728x90">

            </div>
        </div>
<div id="corpo">
        <div id="secao1">
            <div id="containerTv">
                <div id="tv">
                    <div id="example">
                        <img src="{{ MEDIA_URL }}img/curtir.png" width="55" height="30" alt="Novo Curtir" id="ribbon">
                        <div id="slides">
                            <div class="slides_container">
                                {% for man in destaqueletra %}
                                    <div class="slide">
                                    <a title="{{ man.titulo }}" href="{{ man.get_absolute_url }}">
                                        <img src="{{ man.imagem.url_800x600 }}" width="570" alt="{{ man.titulo }}">
                                    </a>
                                        <div class="caption" style="bottom:0">
                                            <a title="{{ man.titulo }}" href="{{ man.get_absolute_url }}">
                                                <p class="caption-principal">{{ man.titulo }}</p>
                                            </a>
                                            <p class="caption-chamada">{{ man.chamada }}</p>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="#" class="prev"><img src="{{ MEDIA_URL }}img/esquerda.png" width="50" height="50" alt="Esquerda"></a>
                            <a href="#" class="next"><img src="{{ MEDIA_URL }}img/direita.png" width="50" height="50" alt="Direita"></a>
                        </div>
                    </div>
                </div>
                <div id="shadowtv"></div>
            </div>
            <div id="publicidade1">
                {% include "publicidades/home-ilha-facebook.html" %}
            </div>
        </div>


        <div id="ContainerSecao2">
            <div id="secao2Shop">
                <div id="left_musica_home">
                     <div id="conteudos2">
                    <h1 class="titulo_musicas">Letras</h1>
                    <div id="borda8_musicas">
                        <span class="rodape"></span>
                    </div>
                    <div id="listaProdutos">
                        {% for c in cantor %}
                            <div id="secao_left_musica">
                                    <div id="img_cantor_foto">
                                        <a title="{{ c.nome }}" href="{{ c.get_absolute_url }}">
                                            <img src="{{ c.foto01.url_290x218 }}" alt="{{ c.nome }}">
                                        </a>
                                    </div>
                                    <a title="{{ c.nome }}" href="{{ letra.get_absolute_url }}">
                                        <p class="titulomusica">{{ c.nome }}</p>
                                    </a>
                                    <p class="subhome_letra">{{ letra.nomeCantor.nome }}</p>
                                </div>
                        {% endfor %}
                    </div>
                </div>

                </div>

            </div>
            <div id="shadowsecao"></div>
        </div>
        </div>
